<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/nanoscroller.css">
    <link rel="stylesheet" type="text/css" href="css/bubbles.css">
    <link rel="stylesheet" type="text/css" href="css/blog.css">
</head>
<body>
    <div class="nano">
        <div class="nano-content">
            <div class="square-wrapper">
                <ul class="bg-bubbles">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            
            <div class="user-face-area">
                <img id="left-wing" src="img/wl.png"></img>
                <div class="user-face-img-area">
                    <img src="face.jpg" width="200px" id="face"></img>
                    <div id="user-name">剃切绘里奈</div>
                    <div id="user-desc">难吃死啦~~难吃死啦~~难吃死啦~~</div>
                </div>
                <img id="right-wing" src="img/wr.png"></img>
            </div>    
            
            <div class="card-area">
                <div class='ribbon'>
                    <a href="#"><span>网站首页</span></a>
                    <a href="#"><span>分类浏览</span></a>
                    <a href="#"><span>标签墙</span></a>
                    <a href="#"><span>时间轴</span></a>
                    <a href="#"><span>关于作者</span></a>
                </div>
            </div>
            
            <div class="list-area">

            </div>  

            <footer></footer>
        </div>
    </div>
    
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.nanoscroller.min.js"></script>
    
    <script>
      
        $(function() {
            /* 滚动条 */
            $('.nano').nanoScroller(); 
        }); 
          
    </script>
</body>
</html>